<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 引入样式表--注意引入的顺序 -->
    <!-- 1.引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 2.引入公用样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 3.引入当前页面样式 -->
    <link rel="stylesheet" href="./css/customer.css">

</head>

<body>
    <!-- 头部 -->
    <header class="clearfix plr30 abs">
        <img src="./imgs/new-logo-white2.png" alt="" class="logo fl mt18">
        <!-- 菜单 -->
        <ul class="menu abs">
            <li><a href="#">首页</a></li>
            <li><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li class="active"><a href="#">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="fr mt18 right right-box f12">
            <a href="#" class="p515">登录</a>
            <a href="#" class="p515 ml10">注册有礼</a>
        </div>
    </header>
    <!-- 粒子效果 -->
    <div id="grain">
        <div id="mydiv"></div>
        <!-- 详情头部 -->
        <div class="container mt165 clearfix api-title rel">
            <p class="centers mt10">助力行业巨头、独角兽企业</p>
            <p class="centers mt10">已服务10万+企业客户</p>
            <p class="centers mt10">-精选案例-</p>
        </div>
    </div>

    <!-- 主要内容 -->
    <main class="container mt20">
        <div id="floorBox"></div>

        <div class="floor">

            <h2 class="f20 bold">
                更多伙伴
                <span class="c9 f14 bold">/More Partners</span>
            </h2>
            <div class="bigbox">
                <div>
                    <img src="./imgs/more-partners-item01.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item02.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item03.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item04.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item05.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item06.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item07.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item08.svg" alt="">
                </div>
                <div>
                    <img src="./imgs/more-partners-item09.svg" alt="">
                </div>

            </div>

        </div>



    </main>








    <ul id="returnTop" class="centers">
        <li>金融案例</li>
        <li>企业案例</li>
        <li>政务案例</li>
        <li>更多伙伴</li>
    </ul>







    <footer class="mt20">
        <div class=" footer-box clearfix">
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>

            </dl>
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl>
                <dt>联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <div class="footer-erweima">
                <div class="sishijiu">微信公众号</div>
                <div class="ershiqi">源码时代</div>
                <img src="./imgs/wechat-white.png" alt="">
            </div>
        </div>
        <div class="footer-bottom">
            <img src="./imgs/bei2.png" alt="">
            <img src="./imgs/bei1.png" alt="" class="btn2">
            <span class="footer-bottom">
                增值电信业务经营许可证;
                <span>蜀B2-20180596蜀ICP备15006450号-3</span>
                <span>营业执照</span>
            </span>
        </div>
    </footer>
    <!-- 引入工具类 -->
    <script src="./utils/utils.js"></script>

    <!-- 引入粒子效果js库 -->
    <script src="./lib/swiper/canvas-particle.js"></script>
    <!-- 引入当前页面js脚本 -->
    <script src="./js/customer.js"></script>


</body>

</html>